@charset "utf-8";
input,select,textarea,button { outline:0; font-size: 12px; }
.form { border:1px solid #DDD; font-size:12px; padding:20px; overflow:hidden; margin:20px; }
.item { padding:20px 0; border-bottom:1px solid #EEE; line-height:38px; }
.item span {
    font-family: serif;
    font-style: inherit;
    display: inline-block;
    vertical-align: top;
    font-size: 15px; }
.item select {
    width: 505px;
    height: 40px; }
.item .width {
    width: 360px;
    height: 37px;
    padding-left: 10px;
    margin-left: 20px;
}

.inElement { display:inline-block; _zoom:1; *display:inline; }
.inElement label { transition:all .5s; }
.inElement label:focus { background:#eee; }
.inText label { display:block; _zoom:1; *display:inline; border:1px solid #DDD; }
.inText label.hover { border-color:#1E5EBF; }
.inText label.focus { border-color:#1E5EBF; box-shadow:0 0 5px 0 rgba(30,94,191,.5); }
.inText input { border:0; margin:0; padding:10px; box-sizing:border-box; }
.inTextarea label { display:block; border:1px solid #DDD; }
.inTextarea label.hover { border-color:#1E5EBF; }
.inTextarea label.focus { border-color:#1E5EBF; box-shadow:0 0 5px 0 rgba(30,94,191,.5); }
.inTextarea label textarea { border:0; margin:0; padding:10px; box-sizing:border-box; }
.inSelect label { display:block; width:100%; border:1px solid #DDD; font-weight:normal; color:#353535; vertical-align:top; overflow:hidden;  margin:0; padding:0; z-index:2; position:relative; box-sizing:border-box; }
.inSelect label span,
.inSelect label em { height:36px; line-height:36px; display:inline-block; vertical-align:top;}
.inSelect label span { float:left; padding:0 10px; left:0; }
.inSelect label.disabled { background:#F5F5F5; color:#999; cursor:not-allowed; }
.inSelect .dropbox { width:100%; margin:0; padding:0; border:1px solid #DDD; clear:both; background:#FFF; z-index:1; left:0; box-sizing:border-box; border-top:0; z-index:-1; }
.inSelect .dropbox .listbox dl,
.inSelect .dropbox .listbox .option,
.inSelect .dropbox .listbox .optgroup { list-style:none; margin:0; padding:0;}
.inSelect .dropbox .listbox .option a,
.inSelect .dropbox .listbox .optgroup a { display:block; text-decoration:none; color:#353535; margin:0px; cursor:default; }
.inSelect .dropbox .listbox .option a span,
.inSelect .dropbox .listbox .optgroup a span { display:block; margin-left:10px; line-height:25px; }
.inSelect .dropbox .listbox .optgroup dt a { color:#000; font-weight:bold; margin:0px; }
.inSelect .dropbox .listbox .selected { background-color:#F3F3F3; }
.inSelect .dropbox .listbox .hover a { background-color:#1E5EBF; color:#FFF; }
.inSelect .dropbox .listbox .option a:hover { background-color:#1E5EBF; color:#FFF; }
.inSelect .dropbox .listbox .option a:hover span.selected { background-color:#1E5EBF; color:#FFF; }
.inSelect .dropbox .listbox dd.disabled a { background-color:#FFF; color:#999; cursor:not-allowed; }
.inSelect .dropbox .listbox dd.disabled a:hover { background-color:#FFF; color:#999; }
.inSelect .dropbox .listbox dd.disabled a span.selected { background-color:#FFF; }
.inSelect .dropbox .listbox dd.disabled a:hover span.selected { background-color:#FFF; color:#999; }
.inSelect .dropbox .listbox dd.option { overflow:hidden; }
.inSelect .dropbox .listbox dd.option a span { display:inline-block; }
.inSelect .dropbox .listbox dd .option a span { margin-left:20px; }
.inSelect .dropbox .multiple dd.disabled dt a span { background-image:none; }
.inSelect .dropbox .multiple dd.disabled dt a:hover span { background-image:none; }

input{
    outline-style: none ;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 13px 14px;
    width: 620px;
    height: 13px;
    font-size: 14px;
    font-weight: 700;
    font-family: "Microsoft soft";
}

input:focus{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}


































/**
    复选框
 */
* {
    box-sizing: border-box;
}
.cbx {
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    padding: 6px 8px;
    border-radius: 6px;
    overflow: hidden;
    transition: all 0.2s ease;
}
.cbx:not(:last-child) {
    margin-right: 6px;
}
.cbx:hover {
    background: rgba(125,100,247,0.06);
}
.cbx span {
    float: left;
    vertical-align: middle;
    transform: translate3d(0, 0, 0);
}
.cbx span:first-child {
    position: relative;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    transform: scale(1);
    border: 2px solid #c8ccd4;
    transition: all 0.2s ease;
}
.cbx span:first-child svg {
    position: absolute;
    top: 2px;
    left: 1px;
    fill: none;
    stroke: #fff;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    stroke-dashoffset: 16px;
    transition: all 0.3s ease;
    transition-delay: 0.1s;
    transform: translate3d(0, 0, 0);
}
.cbx span:last-child {
    font-size: 17px;
    padding-left: 8px;
    line-height: 18px;
}
.cbx:hover span:first-child {
    border-color: #7d64f7;
}
.inp-cbx:checked + .cbx span:first-child {
    background: #7d64f7;
    border-color: #7d64f7;
    animation: wave 0.4s ease;
}
.inp-cbx:checked + .cbx span:first-child svg {
    stroke-dashoffset: 0;
}

.inline-svg {
    position: absolute;
    width: 0;
    height: 0;
    pointer-events: none;
    user-select: none;
}
@media screen and (max-width: 640px) {
    body {
        width: auto;
        display: inherit;
        padding: 20px;
    }
    .cbx {
        width: 100%;
        margin-bottom: 4px;
        display: inline-block;
    }
}
@-moz-keyframes wave {
    50% {
        transform: scale(0.9);
    }
}
@-webkit-keyframes wave {
    50% {
        transform: scale(0.9);
    }
}
@-o-keyframes wave {
    50% {
        transform: scale(0.9);
    }
}
@keyframes wave {
    50% {
        transform: scale(0.9);
    }
}
.iteme{
    padding: 30px 100px; border-bottom:1px solid #EEE; line-height:38px;width: 1090px; height: 79px;color: #0C0C0C;
}
